@import '~@/style/customize.less';

.distribution {
  .h38 {
    height: 38px;

    .ant-input-number-input-wrap {
      height: 38px;
      line-height: 38px;
    }
  }

  .max-width {
    width: 100%;
  }

  .w132 {
    width: 132px;
    height: 38px;
  }

  .mr10 {
    margin-right: 10px;
  }

  .mb10 {
    margin-bottom: 10px;
  }

  .mt0 {
    margin-top: 0;
  }

  .ml40 {
    margin-left: 40px;
  }

  .flex-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }

  .flex-list {
    display: flex;
    align-items: center;
  }

  .mission-item {
    margin-bottom: 20px;

    .mission-name {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
      width: 60px;
      height: 38px;
      line-height: 38px;
    }

    .mission-name-long {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
      height: 38px;
      line-height: 38px;
    }

    .mission-name-others {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
      width: 70px;
      height: 38px;
      line-height: 38px;
    }

    .mission-content {
      display: inline-block;
    }

    .continuous-item {
      min-width: 776px;
    }

    .article-id-item {
      min-width: 400px;
    }

    .read-item {
      min-width: 508px;
    }

    .delete-config {
      color: @primary-color;
      cursor: pointer;
    }

    .w170 {
      width: 170px;
    }

    .add-item {
      margin-top: 10px;
      padding: 8px;
      text-align: center;
      border: 1px dashed #ccc;
      cursor: pointer;
    }
  }

  .open-drawer {
    float: right;
  }

  .category-table {
    padding: 20px 16px;
    margin-top: 34px;
    background: #fff;

    .pb16 {
      padding-bottom: 16px;
    }

    .pt16 {
      padding-top: 16px;
    }

    .category-article {
      padding-top: 16px;
      .article-name {
        margin-right: 20px;
        display: inline-block;
        vertical-align: top;
        height: 38px;
        line-height: 38px;
      }

      .article-container {
        display: inline-block;
      }

      .create-container {
        display: block !important;
      }
    }
  }

  .mission-table {
    padding: 20px 16px;
    margin-top: 34px;
    background: #fff;
  }

  .others-table {
    padding: 20px 16px;
    margin-top: 34px;
    background: #fff;
  }

}
